<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--jQuery库引用-->
		<!--<script src="src/js/commojs/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>-->
		
		<!--icon字体引用-->
		<link rel="stylesheet" type="text/css" href="src/js/font-awesome-4.6.3/css/font-awesome.css"/>
		<!--头部样式引用-->
		<link rel="stylesheet" type="text/css" href="src/css/head-css/head.css"/>
		
		<script src="src/js/cookiejs/cookie.js" type="text/javascript" charset="utf-8"></script>
		<!--bootstrap的样式的引用以及jq的引用--> 
		<script src="src/js/bootstrap-3.3.7-dist/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="src/js/bootstrap-3.3.7-dist/css/bootstrap-theme.css"/>
			
		<!--头部的jQuery 自定义-->
		<script type="text/javascript">
			$(function(){
				
//				我的名鞋店下拉菜单
				$(".head-top ul li.my-shoes").mouseenter(function(){
					$(".down-menu").show().mouseleave(function(){
						$(this).hide();
					})
				}).mouseleave(function(){
				$(".down-menu").mouseenter(function(){ 
						$(this).show()
					}).mouseleave(function(){
						$(this).hide(); 
					});
					$(".down-menu").hide();
				})
//			手机名鞋店下拉菜单
				$(function(){
					$(".head-top ul li.phone-shoes").mouseenter(function(){
						$(".down-phone").show().mouseleave(function(){
							$(this).hide();
						})
					})
				}).mouseleave(function(){ 
					$(".down-phone").mouseenter(function(){ 
						$(this).show()
					}).mouseleave(function(){
						$(this).hide(); 
					})
					$(".down-phone").hide();
				})				

						//	导航条的下拉菜单
				$(".nav-really a").eq(1).hover(function(){
					$(".mansport-menu").show().mouseleave(function(){
						$(this).hide(); 
					});
				},function(){
					$(".mansport-menu").mouseenter(function(){
						$(this).show();
					}).mouseleave(function(){
						$(this).hide();
					});
					$(".mansport-menu").hide();
			
				})
				
				$(".nav-really a").eq(2).hover(function(){
					$(".womansport-menu").show().mouseleave(function(){
						$(this).hide();
					});
				},function(){
					$(".womansport-menu").mouseenter(function(){
						$(this).show();
					}).mouseleave(function(){
						$(this).hide();
					});
					$(".womansport-menu").hide();		
				})
				
				$(".nav-really a").eq(3).hover(function(){
					$(".childsport-menu").show().mouseleave(function(){
						$(this).hide();
					});
				},function(){
					$(".childsport-menu").mouseenter(function(){
						$(this).show();
					}).mouseleave(function(){
						$(this).hide();
					});
					$(".childsport-menu").hide();	
				}) 
				
				
					//	所有商品下拉列表框的下拉
				$(".wid1190 li.all-kinds").mouseenter(function(){
					$(".allkinds-down").show().mouseleave(function(){
						$(this).hide();
					});
				}).mouseleave(function(){
					$(".allkinds-down").mouseenter(function(){
						$(this).show();
					})
					$(".allkinds-down").hide();
				})
				
				
					//所有商品的菜单滑过
				$(".wid1190 li.all-kinds .allkinds-down li").mouseenter(function(){
					$(this).find("span").animate({"margin-left":"5px"},300);
					$(this).find("i").show();
				}).mouseleave(function(){
					$(this).find("span").animate({"margin-left":"0px"},300);
					$(this).find("i").hide();
				})
				
				
				var str1 = $.cookie("obj"); 
				var obj2 = JSON.parse(str1);　
				$("#carCount #num").text(obj2.data.length);
				
			})  //onload

		</script>
	</head>
	<body>
		<div class="head-box">
			<div class="bg-ccc">
				<div class="heade-w1190">
					<div class="head-top">
						<ul>
							<li>
								<a href="login.html">欢迎登录名鞋库</a>
								<a href="zhuce.html">免费注册</a>
							</li>
							<li class="my-shoes">
								<a href="#">我的名鞋库
									<i class="fa fa-sort-down"></i>
								</a>
								<div class="down-menu">
									<ul>
										<li>
											<a href="#">我的订单</a>
										</li>
										<li>
											<a href="#">我的积分</a>
										</li>
										<li>
											<a href="#">优惠券</a>
										</li>
										<li>
											<a href="#">商品收藏</a>
										</li>
										<li>
											<a href="#">收货地址</a>
										</li>
										<li>
											<a href="#">密码管理</a>
										</li>
										
									</ul>
								</div>
							</li>
							<li class="phone-shoes">
								<a href="#">手机名鞋库
									<i class="fa fa-sort-down"></i>
								</a>
								<div class="down-phone">
									<img src="src/img/index_img/201410081165.png"/>
									<img src="src/img/index_img/201410081168.png"/>
								</div>
							</li>
							<li>
								<a href="#">收藏名鞋库</a>
							</li>
							<li class="qq-chart">
								<a href="#">名鞋库客服</a>
							</li>
							<li>
								<img src="src/img/icon_img/phone0160922152114.png"/>
							</li>
						</ul>
					</div>
				</div>
			</div>
			
			<!--头部第二部分--> 
			<div class="bg-fff">
				<div class="heade-w1190">
					<div class="head-server">
						<ul>
							<li class="s-log">
								<div class="server-log">
									<img src="src/img/icon_img/default_icon_bg.png"/>
								</div>
							</li>
							<li class="server-con">
								<div class="server">
									<div class="server-txt">
										<form action"" method="post">
											<input type="text" id="server-txt-box" value=""placeholder="热搜" />
											<input type="button" id="server-btn" value="搜索"/>								
										</form>
										<div class="hot-server">
											热搜
											<a href="#">跑步鞋</a>
											<a href="#">帆布鞋</a>
											<a href="#">板鞋</a>
											<a href="#">皮鞋</a>
										</div>	
									</div>
								</div>
							</li>
							<li class="car-box">
								<div class="cart">
									<a href="shopCar.html" class="cart-min">
										<div id="carCount">购物车
											<span id="num">
												0
											</span>
											件
										</div>
									</a>
								</div>								
							</li>
						</ul>
					</div>
				</div>
			</div>

			
			<!--头部  导航栏部分-->
			
			<div class="nav-head">
				<div class="wid1190">
					<ul>
						<li class="nav-right">
							<span class="sport"><img src="src/img/icon_img/sport.png"/></span>
							<a href="#">
								运动小白
							</a>
							<a href="#">上新区</a>
							<a href="#">即将售罄</a>
							<a href="#">逢八必杀</a>
						</li>
						<li class="all-kinds">所有商品分类
							<!--所有商品的下拉菜单-->
							<div class="allkinds-down">
								<ul>
									<li>
										<span class="kinds-logo-1">
										<a href="#">运动休闲鞋</a>
										</span>
										<i class="fa fa-caret-right trangleR"></i>
									</li>
									<li>
										<span class="kinds-logo-2">
										<a href="#">运动休闲服</a>
										</span>
										<i class="fa fa-caret-right trangleR"></i>
									</li>
									<li>
										<span class="kinds-logo-3">
										<a href="#">跑步</a>
										</span>
										<i class="fa fa-caret-right trangleR"></i>
										<!--二级下拉菜单-->
										<div class="kinds-twomenu">
											<ul>
												<li>
													<h5>男子跑步   
														<span id="more">更多</span>
													</h5>
													<a href="#">长袖T恤</a>
													<a href="#">跑步鞋</a>
													<a href="#">跑步裤</a>
													<a href="#">外套夹克</a>
													<a href="#">配件</a>
												</li>
												<li></li>
												<li></li>
												<li></li>
											</ul>
										</div>
									</li>
									<li>
										<span class="kinds-logo-4"><a href="#">篮球</a></span>
										
										<i class="fa fa-caret-right trangleR"></i>
									</li>
									<li>
										<span class="kinds-logo-5">
										<a href="#">足球</a>
										</span>	
										
										<i class="fa fa-caret-right trangleR"></i>
									</li>
									<li>
										<span class="kinds-logo-6">
										<a href="#">包包配件</a>
										</span>
										<i class="fa fa-caret-right trangleR"></i>
									</li>
									<li>
										<span class="kinds-logo-7">
										<a href="#">户外</a>
										</span>	
										
										<i class="fa fa-caret-right trangleR"></i>
									</li>
									<li>
										<span class="kinds-logo-8">
										<a href="#">男鞋	</a>
										</span>
										<i class="fa fa-caret-right trangleR"></i>
									</li>
									<li>
										<span class="kinds-logo-9">
										<a href="#">童鞋</a> 
										</span>
										<i class="fa fa-caret-right trangleR"></i>
									</li>
								</ul>
							</div>
						</li>
						<li class="nav-really">
							<a href="#">首页</a>
							<a href="#">男子运动</a>
							<a href="#">女子运动</a>
							<a href="#">儿童</a>
							<a href="#">男鞋</a>
							<a href="#">户外</a>
						</li>
					</ul>
	
					<div class="mansport-menu">
						<ul>
							<li>
								<h4>运动鞋</h4>
								<p>
									<a href="#">休闲鞋</a>
									<a href="#">板鞋鞋</a>
									<a href="#">跑步鞋</a>
									<a href="#">帆布鞋</a>
									<a href="#">拖鞋</a>
									<a href="#">篮球鞋</a>
									<a href="#">足球鞋</a>
									<a href="#">网球鞋</a>
									<a href="#">溯溪鞋</a>
								</p>
							</li>
							<li>
								<h4>服装</h4>
								<p>
									<a href="#">短袖T恤</a>
									<a href="#">运动短裤</a>
									<a href="#">休闲裤</a> 				
									<a href="#">卫衣</a>
									<a href="#">外套</a>				
								</p>
							</li>
							<li>
								<h4>品牌推荐</h4>
								<p>
									<a href="#">
										<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
										style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -180px;">
									</a>
									<a href="#">
										<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
										style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -269px;">
									</a>
									<a href="#">
										<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
										style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -290px;">
									</a>
									<a href="#">
										<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
										style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -343px;">
									</a>
									<a href="#">
										<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
										style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -421px;">
									</a>
									<a href="#">
										<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
										style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -500px;">
									</a>
									<a href="#">
										<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
										style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -180px;">
									</a>
								</p>
								
							</li>
						</ul>
					</div>
					<div class="womansport-menu">
						<ul>
							<li>
								<h4>运动鞋</h4>
								<p>
									<a href="#">休闲鞋</a>
									<a href="#">板鞋鞋</a>
									<a href="#">休闲鞋</a>
								</p>
							</li>
							<li>
								<h4>服装</h4>
								<p>
									<a href="#">休闲鞋</a>
									<a href="#">板鞋鞋</a>
									<a href="#">休闲鞋</a>								
								</p>
							</li>
							<li>
								<h4>品牌推荐</h4>
								<p>
									<a href="#">
										<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
										style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -180px;">
									</a>
									<a href="#">
										<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
										style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -269px;">
									</a>
									<a href="#">
										<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
										style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -290px;">
									</a>
									<a href="#">
										<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
										style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -343px;">
									</a>
									<a href="#">
										<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
										style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -421px;">
									</a>
									<a href="#">
										<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
										style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -500px;">
									</a>
									<a href="#">
										<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
										style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -180px;">
									</a>
								</p>							
							</li>
						</ul>						
					</div>
					<div class="childsport-menu">
						<ul>
							<li>
								<h4>运动鞋</h4>
								<p>
									<a href="#">休闲鞋</a>
									<a href="#">板鞋鞋</a>
									<a href="#">休闲鞋</a>
								</p>
							</li>
							<li>
								<h4>服装</h4>
								<p>
									<a href="#">休闲鞋</a>
									<a href="#">板鞋鞋</a>
									<a href="#">休闲鞋</a>								
								</p>
							</li>
							<li>
								<h4>品牌推荐</h4>
								<p>
									<a href="#">
										<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
										style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -180px;">
									</a>
									<a href="#">
										<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
										style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -269px;">
									</a>
									<a href="#">
										<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
										style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -290px;">
									</a>
									<a href="#">
										<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
										style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -343px;">
									</a>
									<a href="#">
										<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
										style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -421px;">
									</a>
									<a href="#">
										<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
										style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -500px;">
									</a>
									<a href="#">
										<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
										style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -180px;">
									</a>
								</p>							
							</li>
						</ul>					
					</div>
				</div>
			</div>			
			
			
			
		</div>
	</body>
</html>
